<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>入场明细</title>
    <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0.maximum-scale=1.0,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/bossIndex.css">
    <link rel="stylesheet" href="css/flexible.css">
    <link rel="stylesheet" href="css/vant.css">
    <script src="js/vue/vue.js"></script>
    <script src="js/vue/axios.js"></script>
    <script src="js/jquery.md5.js"></script>
    <script src="js/vue/vant.js"></script>
    <script src="js/glabe.js"></script>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/fontsize.js"></script>
    <style>
        .container_box{
            font-size: 0.14rem;
        }
    </style>
</head>
<body>
<div class="container_box" id="app">
    <table>
        <thead>
        <tr>
            <th>入场时间</th>
            <th>消费用卡</th>
            <th>消费额<span>&nbsp;&nbsp;(元)</span></th>
        </tr>
        </thead>
        <tbody>
        <tr v-for="item in attendance">
            <td>{{item.SignInDate}}</td>
            <td>{{item.Cardname}}</td>
            <td>{{item.Charge}}</td>
        </tr>
        </tbody>
    </table>
</div>
</body>
<script>
var app = new Vue({
    el: '#app',
    data: {
        //会员id
        id:null,
        //出勤信息
        attendance:null
    },
    created() {
        //获取路由参数
        let id = getUrlQueryString('id');
        this.id = id;
        //获取入场列表
        axios.get(`mobileapi/boss/user.php?act=attend&uid=${id}&type=2`).then(res=>{
            if(res.data.code == 200){
                this.attendance = res.data.data.attend;
            }else{
                vant.Toast(res.data.msg);
            }
        }).catch(err=>{
            vant.Toast('请求发送失败，请重试');
        });
    },
    methods: {
        
    },
})
</script>
</html>